<#import '/fed/demo/inc/macros.ftl' as macros />
<@macros.header 'tips'>
</@macros.header>

<#global demos = [
  {
    'n': 'content',
    'd': '\'\'',
    's': 'text, html, doms, or jquery objects',
    'c': ['new Tips({
  content: \'The quick brown fox jumps over the lazy dog\'
});']
  },
  {
    'n': 'timeout',
    'd': '2',
    's': 'N秒后自动关闭对话框',
    'c': ['new Tips({
  content: \'The quick brown fox jumps over the lazy dog\',
  timeout: 5
});']
  }
]>

<@macros.body 'tips' 'tips'>
</@macros.body>

<@macros.footer>
  <script>
    seajs.use(['tips'], function (Tips) {
      $('.demo > button').on('click', function () {
        new Function('Tips', this.nextElementSibling.textContent)(Tips);
      });
    });
  </script>
</@macros.footer>